.ribbon {
  left: -3.5em;
  transform: rotate(-45deg);
  overflow: hidden;
  position: absolute;
  top: 30px;
  white-space: nowrap;
  width: 15em;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.5;
  span {
    color: white;
    display: block;
    font-weight: 400;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    pointer-events: none;
  }
}
.dev {
  background-color: var(--error-color);
}
.test {
  background-color: var(--warning-color);
}